<!--结算明细-->
<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="../css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="../css/mui.picker.min.css" media="all" />
	<link rel="stylesheet" type="text/css" href="../css/knot.css" />
</head>
<body class="gray">
	<div class="mui-content">
		<div class="topSearch">
			<div class="mui-row mui-clearfix">
				<div class="mui-col-xs-6 mui-col-sm-6 dselcd" id="date"><span>日期</span></div>
				<div class="mui-col-xs-6 mui-col-sm-6 dselcd" data-tab="dtype"><span>状态</span></div>
			</div>
			<div class="select-list" id="dtype">
				<div class="mui-scroll-wrapper"> 
				    <div class="mui-scroll">
				    		<ul class="mui-table-view sel-list">
				    			<li class="mui-table-view-cell mui-checkbox mui-right" >
								<input name="city" type="checkbox" value="0" checked="checked"   /> 全部
							</li>
							<li class="mui-table-view-cell mui-checkbox mui-right" >
								<input name="city" type="checkbox" value="1"   /> 未结算
							</li>
							<li class="mui-table-view-cell mui-checkbox mui-right" >
								<input name="city" type="checkbox" value="3"   /> 已申请
							</li>
							<li class="mui-table-view-cell mui-checkbox mui-right" >
								<input name="city" type="checkbox" value="2"   /> 已结算
							</li>
				    		</ul> 
				    </div>
				</div>
				<div class="select-btn">
					<div class="mui-row">
						<div class="mui-col-xs-3 mui-col-sm-3 attr select-btn-reset " :data-id="item.id">重置</div>
						<div class="mui-col-xs-9 mui-col-sm-9 attr select-btn-submit" :data-id="item.id">确认</div>
					</div>
				</div>
			</div>
		</div>
		<div class="mark"></div>
		<div class="mui-scroll-wrapper list-scroll" id="refreshContainer">
		    <div class="mui-scroll loading" id="vueMain">
		    		<div v-if="list.length==0">
		    			<p style="text-align: center; padding:50px 0">没有订单哦!</p>
		    		</div>
		    		<div v-else>
		    		<template v-for="(item,index) in list">
			        <ul class="mui-table-view" >
				        <li class="mui-table-view-cell tls">
				        		<!--<span class="status" v-if="item.check_money!='0.00'">金额:¥ {{item.check_money}}</span>-->
				        		<span class="status">{{item.order_status_name}}</span>
				        		NO.{{item.order_no}}
				        </li>
				        <li class="mui-table-view-cell mui-media">
				        		<a href="javascript:;">
			    		            <img class="mui-media-object mui-pull-left link" :src="item.img" _id="productDetail" _href="productDetail.html" _title="产品详情" :_extras="'gid='+item.goods_id"   />
			    		            <div class="mui-media-body link" _id="order_detail" _href="order_detail.html" _title="订单明细" :_extras="'order='+item.order_no">
			    		                <div class="name">{{item.name}}</div>
			    		                <p v-if="item.stro">已选：{{item.stro}}</p>
			    		                <p>完工时间：{{item.completion_time}}</p>
			    		                <p v-if="item.check_time!='0000-00-00 00:00:00'">结算时间：{{item.check_time}}</p>
			    		                <p class="total" >可结算: <span>¥ {{item.order_amount}}</span></p>
			    		            </div>
			    		        </a>
				        </li>
			    		</ul>
		    		</template>
		    		</div>
		    </div>
		</div>
	</div>
<script src="../js/mui.js"></script>
<script src="../js/mui.picker.min.js"></script>
<script src="../js/vue.min.js"></script>
<script src="../js/bexta.js"></script>
<script src="../js/kont.js"></script>
</body>
</html>